.yulang-alert-container {
    padding: 10px 20px;
    margin: 10px;
    border-radius: 4px;
    .yulang-alert-content-container {
        display: flex;
        .icon-description {
            font-size: 28px;
        }
        .yulang-alert-content-content-container {
            flex: 1;
            .yulang-alert-title-container {
                display: flex;
                justify-content: space-between;
                .close-container {
                    cursor: pointer;
                }
            }
            .yulang-alert-description {
                font-size: 12px;
            }
        }
    }
}

.yulang-alert-effect-light.yulang-alert-type-info {
    background-color: #f4f4f5;
    color: #909399;
}

.yulang-alert-effect-light.yulang-alert-type-success {
    background-color: #f0f9eb;
    color: #67c23a;
}

.yulang-alert-effect-light.yulang-alert-type-warning {
    background-color: #fdf6ec;
    color: #e6a23c;
}

.yulang-alert-effect-light.yulang-alert-type-error {
    background-color: #fef0f0;
    color: #f56c6c;
}

.yulang-alert-effect-dark.yulang-alert-type-info {
    background-color: #909399;
    color: #fff;
}

.yulang-alert-effect-dark.yulang-alert-type-success {
    background-color: #67c23a;
    color: #fff;
}

.yulang-alert-effect-dark.yulang-alert-type-warning {
    background-color: #e6a23c;
    color: #fff;
}

.yulang-alert-effect-dark.yulang-alert-type-error {
    background-color: #f56c6c;
    color: #fff;
}